<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="layui/css/layui.css" />
<script type="text/javascript" src="layui/layui.js"></script>
</head>
<body>
	<div hidden="hidden" class="layui-form-item" style="margin-top: 20px" onsubmit="false">
		<div class="layui-form-item">
			<label class="layui-form-label" hidden="hidden" >ID：</label>
			<div class="layui-input-inline" style="width: 350px">
				<input type="text" name="Oid" id="Oid" required
					lay-verify="required" placeholder="" autocomplete="off"
					class="layui-input">
			</div>
			
			<button hidden="hidden" class="layui-btn" id="serach" data-type="reload" checked>搜索</button>
		</div>
	</div>
	<div hidden="hidden" class="layui-form-item" style="margin-top: 20px" onsubmit="false">
		<div class="layui-form-item">
			<label class="layui-form-label" >ID：</label>
			<div class="layui-input-inline" style="width: 350px">
				<input type="text" name="Oid1" id="Oid1" required
					lay-verify="required" placeholder="" autocomplete="off"
					class="layui-input">
			</div>
			
			<button  class="layui-btn" id="serach1" data-type="reload" checked>搜索</button>
		</div>
	</div>
	<table class="layui-hide" id="demo1" lay-filter="demo1"></table>
	<table class="layui-hide" id="demo" lay-filter="demo"></table>
	<!-- 按钮 -->
	<script type="text/html" id="Ostate">
		{{#  if(d.Ostate == '未发货'){ }}
		<input type="checkbox" name="Ostate" lay-skin="switch" value="{{d.Oid}}" lay-text="未发货|发货" lay-filter="zhuangtaiDemo" {{ d.Ostate == '未发货'  ? 'checked' : '' }}>
		{{#  }  }}
	</script>
	 <script>
		layui.use(['table','form'], function() {
			var table = layui.table;
			var form = layui.form;
			var $ = layui.jquery;//引入jquery
			//执行渲染
			table.render({
				elem : '#demo' //指定原始表格元素选择器（推荐id选择器）
				,
				url : '/shoppingsix/order_details'//请求地址
				,
				method : 'POST',
				cols : [ [ {
					field : 'Oid',
					title : '订单编号',
					align : 'center',
					width : 150
				}/* , {
					field : 'Ostate',
					title : '是否发货',
					toolbar : '#Ostate',
					align : 'center',
					width : 120,
				} */, {
					field : 'Uname',
					title : '用户姓名',
					align : 'center',
					width : 100
				}, {
					field : 'Pname',
					title : '商品名称',
					align : 'center',
					width : 100
				}, {
					field : 'Dsum',
					title : '订单数量',
					align : 'center',
					width : 100
				}, {
					field : 'Dtotal_price',
					title : '商品总价格',
					align : 'center',
					width : 120
				}/* , {
					field : 'Ocourier',
					title : '快递公司',
					align : 'center',
					width : 100,
				} */, {
					field : 'Osum',
					title : '订单总数量',
					align : 'center',
					width : 120,
				}, {
					field : 'Ostate',
					title : '订单状态',
					align : 'center',
					width : 100,
				}, {
					field : 'OtotalPrice',
					title : '订单总价格',
					align : 'center',
					width : 120,
				}, {
					field : 'Oorder_time',
					title : '订单时间',
					align : 'center',
					width : 165,
				}, {
					field : 'Ofinish_time',
					title : '订单完成时间',
					align : 'center',
					width : 165,
				}, {
					field : 'Odelivery_time',
					title : '发货时间',
					align : 'center',
					width : 165,
				}, {
					field : 'Uharvest_people',
					title : '收货人',
					align : 'center',
					width : 150,
				}, {
					field : 'Uconsignee',
					title : '联系方式',
					align : 'center',
					width : 150,
				}, {
					field : 'addprovince',
					title : '省',
					align : 'center',
					width : 100,
				}, {
					field : 'addcity',
					title : '市',
					align : 'center',
					width : 100,
				}, {
					field : 'adddistinct',
					title : '区',
					align : 'center',
					width : 100,
				}
				] ],
				page : true,
				id : 'testReload'
			//设置表头
			//,…… //更多参数参考右侧目录：基本参数选项
			});
			//设置按钮默认点击事件(打开页面时按钮默认被点击)
			setTimeout(function() {
				// IE
				if(document.all) {
				document.getElementById("serach").click();
				}
				// 其它浏览器
				else {
				var e = document.createEvent("MouseEvents");
				e.initEvent("click", true, true);
				document.getElementById("serach").dispatchEvent(e);
				}
				}, 0);
			$('#serach').on('click', function() {
				var Oid = $("#Oid").val();//上面搜索框的id
				table.reload('testReload', {//testReload,上面渲染逼格的id
					where : {//接口需要请求的参数
						'Oid' : Oid,
					}
				});
				
			});
			/* form.on('switch(zhuangtaiDemo)', function(obj){
				var id=this.value;
				var name=this.name;
				var Odelivery_time=this.value;
				var result=obj.elem.checked;
				var Ostate="";
				if (result) {
					Ostate="未发货";
				}else{
					Ostate="发货";
				}
				 $.post( '../orders_update_button',{"Oid":id,'Ostate':Ostate,"Odelivery_time":Odelivery_time,},
							function(data) {
								if(data.count>0){
									layer.msg('修改成功', {
										  icon: 1,
										  time: 2000 //2秒关闭（如果不配置，默认是3秒）
										}, function(){
										  //do something
										}); 
								}
							}, "json");  
					}); */
			
			
			
		});
	</script>  
	<script>
		layui.use(['table','form'], function() {
			var table = layui.table;
			var form = layui.form;
			var $ = layui.jquery;//引入jquery
			//执行渲染
			table.render({
				elem : '#demo1' //指定原始表格元素选择器（推荐id选择器）
				,
				url : '/shoppingsix/order_detailss'//请求地址
				,
				method : 'POST',
				cols : [ [  {
					field : 'Ostate',
					toolbar : '#Ostate',
					align : 'center',
				}
				] ],
				id : 'testReloads'
			//设置表头
			//,…… //更多参数参考右侧目录：基本参数选项
			});
			//设置按钮默认点击事件(打开页面时按钮默认被点击)
			setTimeout(function() {
				// IE
				if(document.all) {
				document.getElementById("serach1").click();
				}
				// 其它浏览器
				else {
				var e = document.createEvent("MouseEvents");
				e.initEvent("click", true, true);
				document.getElementById("serach1").dispatchEvent(e);
				}
				}, 0);
			$('#serach1').on('click', function() {
				var Oid1 = $("#Oid1").val();//上面搜索框的id
				table.reload('testReloads', {//testReload,上面渲染逼格的id
					where : {//接口需要请求的参数
						'Oid1' : Oid1,
					}
				});
				
			});
			form.on('switch(zhuangtaiDemo)', function(obj){
				var id=this.value;
				var name=this.name;
				var Odelivery_time=this.value;
				var result=obj.elem.checked;
				var Ostate="";
				if (result) {
					Ostate="未发货";
				}else{
					Ostate="发货";
				}
				 $.post( '../orders_update_button',{"Oid":id,'Ostate':Ostate,"Odelivery_time":Odelivery_time,},
							function(data) {
								if(data.count>0){
									layer.msg('修改成功', {
										  icon: 1,
										  time: 2000 //2秒关闭（如果不配置，默认是3秒）
										}, function(){
										  //do something
										}); 
								}
							}, "json");  
					});
			
			
			
		});
	</script>
</body>
</html>